﻿<section class="home-community" id="community-section">
    <Row>
        <Column ColumnSize="ColumnSize.Is12" TextAlignment="TextAlignment.Center">
            <Heading Size="HeadingSize.Is2" Padding="Padding.Is3.FromBottom">
                Join Our Community
            </Heading>
            <Heading Size="HeadingSize.Is5" Padding="Padding.Is3.FromBottom" TextWeight="TextWeight.Normal" TextColor="TextColor.Muted">
                Every great product has a great community behind it, and Blazorise is no exception.
                We open-sourced Blazorise early because we believe in transparency, collaboration, and shared progress.
                Our roadmap is public, our priorities are community-driven, and our code is yours to explore.
                Jump into our <Strong>GitHub</Strong>, chat with us on <Strong>Discord</Strong>, or follow along on <Strong>X</Strong> and <Strong>Reddit</Strong>.
                Your ideas and feedback help shape the future of Blazorise.
            </Heading>
        </Column>
    </Row>

    <Row>
        <Column ColumnSize="ColumnSize.Is12.Is3.OnDesktop" TextAlignment="TextAlignment.Center">
            <Image Source="img/logos/icons8-twitter-x.svg" Text="X (Twitter) icon" Class="home-community-img-icons" />
            <Heading Size="HeadingSize.Is5" Padding="Padding.Is3.OnY">X (Twitter)</Heading>
            <Paragraph TextColor="TextColor.Muted">
                Follow us for news, product updates, and insights from the Blazorise team.
            </Paragraph>
            <Anchor To="https://twitter.com/Blazorise" Title="Link to Blazorise on X (Twitter)" Target="Target.Blank" Class="home-community-readmore-link">
                <Paragraph>Follow us</Paragraph>
            </Anchor>
        </Column>

        <Column ColumnSize="ColumnSize.Is12.Is3.OnDesktop" TextAlignment="TextAlignment.Center">
            <Image Source="img/logos/icons8-discord.svg" Text="Discord icon" Class="home-community-img-icons" />
            <Heading Size="HeadingSize.Is5" Padding="Padding.Is3.OnY">Discord</Heading>
            <Paragraph TextColor="TextColor.Muted">
                Chat live with other developers and maintainers. A team member is almost always online.
            </Paragraph>
            <Anchor To="https://discord.gg/cVmq8xBSnG" Title="Link to Blazorise Discord" Target="Target.Blank" Class="home-community-readmore-link">
                <Paragraph>Join the conversation</Paragraph>
            </Anchor>
        </Column>

        <Column ColumnSize="ColumnSize.Is12.Is3.OnDesktop" TextAlignment="TextAlignment.Center">
            <Image Source="img/logos/icons8-reddit.svg" Text="Reddit icon" Class="home-community-img-icons" />
            <Heading Size="HeadingSize.Is5" Padding="Padding.Is3.OnY">Reddit</Heading>
            <Paragraph TextColor="TextColor.Muted">
                Join the Blazorise subreddit for discussions, release news, and community highlights.
            </Paragraph>
            <Anchor To="https://www.reddit.com/r/Blazorise/" Title="Link to Blazorise Reddit" Target="Target.Blank" Class="home-community-readmore-link">
                <Paragraph>Subscribe</Paragraph>
            </Anchor>
        </Column>

        <Column ColumnSize="ColumnSize.Is12.Is3.OnDesktop" TextAlignment="TextAlignment.Center">
            <Image Source="img/logos/icons8-github.svg" Text="GitHub icon" Class="home-community-img-icons" />
            <Heading Size="HeadingSize.Is5" Padding="Padding.Is3.OnY">GitHub</Heading>
            <Paragraph TextColor="TextColor.Muted">
                Found a bug? Have a suggestion? Open an issue or contribute directly to Blazorise on GitHub.
            </Paragraph>
            <Anchor To="https://github.com/Megabit/Blazorise" Title="Link to Blazorise GitHub" Target="Target.Blank" Class="home-community-readmore-link">
                <Paragraph>Contribute on GitHub</Paragraph>
            </Anchor>
        </Column>
    </Row>
</section>